<script lang="ts" setup>
import { ref } from 'vue'
import { useRoute } from 'vue-router'

import OrderManage from '../order-manage/List.vue'
import RefundOrder from '../refund-order/List.vue'

const route = useRoute()

const activeKey = ref('1')
</script>

<template>
  <page-container :title="route.meta.title">
    <a-card style="overflow-x: scroll">
      <a-tabs v-model:activeKey="activeKey">
        <a-tab-pane key="1" tab="订单列表">
          <OrderManage></OrderManage>
        </a-tab-pane>
        <a-tab-pane key="2" tab="售后列表" force-render>
          <RefundOrder></RefundOrder>
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </page-container>
</template>
